<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:p="http://primefaces.org/ui" xmlns:a="http://java.sun.com/jsf/html" xmlns:h="http://xmlns.jcp.org/jsf/html">    
  <h:head>
    <link rel="icon" href="images/favicon2.ico"/>
   <title>Signin</title>   
    <style type="text/css" media="screen">
   
        @import url('jumbotron-narrow.css');
        @import url('bootstrap.min.css');
        @import url('style.css');

    </style> 
  </h:head>
    
    
  <h:body>
       
     
  </h:body>
    <div class="container">
            
            <div class="header">
                <nav> 
                    <ul class="nav nav-pills pull-right">
                        <h:form>
                            <li role="presentation">
                            <a:commandButton class="btn btn-lg btn-primary btn-block" action="#{loginBean.logout()}" value="Logout"/></li>
                        </h:form>
                    </ul>
                </nav>
                <h3 class="text-muted">MeteoCal</h3>
            </div>
                               
            <h2 class="form-signin-heading">Ciao, #{userBean.name}!</h2> <br></br>

            <div class="jumbotron">    
              <h:form class= "form-signin">
           
        <h2 class="form-signin-heading">Add an event</h2>
        
        <b>Name Event:</b> <p:inputText placeholder="Name" id="name" class="form-control" value="#{eventBean.event.name}"/><br></br>
          
        <b>Place :</b> <p:inputText placeholder="Place" id="place" class="form-control" value="#{eventBean.event.place}"/><br></br>
        
        <b>Description :</b> <p:inputTextarea placeholder="Description" id="description" class="form-control" value="#{eventBean.event.description}"/><br></br>
    
        <p:growl id="msgs" showDetail="true" />  
      
        <b>Select Start Date:</b> <br></br>
       
        <p:calendar id="datetime" value="#{eventBean.event.date}" pattern="MM/dd/yyyy HH:mm:ss" /> <br></br>
        
        <b>Select End Date:</b> <br></br>
       
        <p:calendar id="endtime" value="#{eventBean.event.endDate}" pattern="MM/dd/yyyy HH:mm:ss" />
        
      <br></br> <br></br>
     
      
      <a:commandButton class="btn btn-primary btn-lg" id="submit" action="#{eventBean.registerEvent()}" value="Register"/> <br></br>

       </h:form>
            </div>
            <footer class="footer">
                <p> Alessio Monesi - Roberto Mussini</p>
            </footer>
        </div>
</html>